
<!doctype html>
<!--在整个页面当中，注册一个模块,通过 ng-app来启动模块-->
<html ng-app="routerApp">
<head>
    <meta charset="UTF-8">
    <title>兔耳日志</title>
    <!--bootstrap CSS文件-->
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.css">
    <!-- 表情的样式 -->
    <link rel="stylesheet" href="./css/emoticon.css">
    <!-- 操作表格的CSS文件 -->
    <link rel="stylesheet" href="libs/ng-grid-2.0.12/ng-grid.css">
    <script src="libs/jquery.js"></script>
    <script src="libs/bootstrap/js/bootstrap.js"></script>
    <script src="libs/angular-1.3.0.14/angular.js"></script>
    <script src="libs/angular-1.3.0.14/angular-animate.min.js"></script>
    <script src="libs/angular-ui-router.js"></script>
    <!-- 让angular更好的支持boostrap的一个插件 -->
    <script src="libs/ui-bootstrap-tpls-0.11.0.js"></script>
    <!--增强表格功能的ng插件-->
    <script src="libs/ng-grid-2.0.12/ng-grid.debug.js"></script>
    <!--分页管理
    <script src="libs/page.js"></script>-->
    <!-- 动画的样式 -->
    <!--<link rel="stylesheet" href="/css/animations.css">-->
    <!--自定义的CSS样式-->
    <link rel="stylesheet" href="/css/style.css">
    <!--启动文件核心-->
    <script src="js/app.js"></script>
    <!--<script src="javascripts/animations.js"></script>-->
    <!--所有的控制器-->
    <script src="js/controllers.js"></script>
    <!--倒计时-->
    <script src="js/time.js"></script>
</head>
<body>
    <nav class="navbar navbar-default" ng-controller="routerCtrl">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">兔耳日志</a>
            </div>
            <ul class="nav navbar-nav" id="nav-bar">
                <li><a href="#" title="首页" ng-show="!data.user.name">首页<span class="sr-only">(current)</span></a></li>
                <li><a href="#/user_index" ng-show="data.user.name"><span class="sr-only">user_index</span>首页</a></li>
                <li><a href="#/find" title="发现">发现</a></li>
                <li><a href="#/user" ng-show="data.user.name">我的主页</a></li>
                <li class="dropdown"><a href="" title="公众号">微信公众号</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的TODOS</a></li>
                        <li><a href="#">关注的日记</a></li>
                    </ul>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="#/set" ng-show="data.user.name">账号设置</a></li>
                <li><a href="#/diary/write" ng-show="data.user.name">写日记</a></li>
                <li><a href="#/reg" ng-show="!data.user.name">注册</a></li>
                <li class="dropdown" ng-show="!data.user.name"><a href="#/login">登陆</a></li>
                <li><a ng-click="logout()" ng-show="data.user.name">退出</a></li>
            </ul>
        </div>
    </nav>
    <script>
        $('#nav-bar li').click(function(){
            $(this).addClass('active').siblings().removeClass('active')
        })
    </script>
    
   
    <!--首先在首页定义一个视图，让路由来控制-->
    <div ui-view></div>    
    

    <footer>
        
        <div class="container">
            <hr>
            <p>网站基于Node.js开发 版权所有 &copy; 2012-2014 Tuer.me | 友情连接 <a href="http://www.duole.com/">多乐电台</a></p>            
            <p>
                <a href="http://m.tuer.me">WAP版&nbsp; </a>
                <a href="#/about">关于兔耳&nbsp; </a>
                <a href="#/help">使用帮助&nbsp; </a>
                <a href="">提交BUG&nbsp; </a>
                <span style="color:#2fa4e7;"> 黔ICP备15004722号-1</span>
                <span>
                    <a href="">站长统计</a>
                    <a href=""> |  今日IP[45] | 今日PV[161] | 昨日IP[105] |  昨日PV[297] | </a>
                    <a href="">当前在线[2]</a>
                </span>
            </p>
        </div>
    </footer>
</body>
</html>